<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/facelets/templates/zona-publica-login.xhtml">

	<ui:define name="title"> &#191;Olvid&#243; su contrase&#241;a? </ui:define>
	<ui:define name="nameForm"> &#191;Olvid&#243; su contrase&#241;a?</ui:define>

	<ui:define name="content">
		<f:metadata>
			<f:event type="preRenderView"
				listener="#{olvidoSuContraseniaController.preRenderizacion}"></f:event>
		</f:metadata>
		<p:growl id="growl" showDetail="true" sticky="false" life="4500"
			globalOnly="true" />
		<h:form id="formOlvidoSuContrasenia" prependId="false">
			<div>
				<div class="bloque">
					<div align="center">
						<h:graphicImage library="images" name="persona.png"></h:graphicImage>
					</div>
					<div style="text-align: justify;">
						<h:outputText
							rendered="#{olvidoSuContraseniaController.codigoEncriptadoCorrecto}"
							value="Introduce una nueva contrase&#241;a para ingresar nuevamente al sistema." />
						<h:outputText
							rendered="#{!olvidoSuContraseniaController.codigoEncriptadoCorrecto}"
							value="Introduce el usuario de tu cuenta y te enviaremos instrucciones sobre como restablecer la contrase&#241;a al correo asociado a tu cuenta." />
					</div>
					<p:spacer height="20px;"></p:spacer>
					<div align="center" class="divPanelGrid">
						<h:panelGrid columns="2">
							<h:outputLabel
								rendered="#{!olvidoSuContraseniaController.codigoEncriptadoCorrecto}">Usuario: <span>(
									* )</span>
							</h:outputLabel>
							<p:inputText
								rendered="#{!olvidoSuContraseniaController.codigoEncriptadoCorrecto}"
								value="#{olvidoSuContraseniaController.usuario}" id="usuario"
								required="true" maxlength="30">
								<f:validator validatorId="alfanumericoValidator"></f:validator>
								<p:ajax update="msgUsuario" />
							</p:inputText>
							<h:outputLabel
								rendered="#{olvidoSuContraseniaController.codigoEncriptadoCorrecto}"
								styleClass="label-general" value="Nueva Contrase&#241;a: "></h:outputLabel>

							<p:password
								rendered="#{olvidoSuContraseniaController.codigoEncriptadoCorrecto}"
								id="nuevoPassword" styleClass="input-general"
								value="#{olvidoSuContraseniaController.nuevoPassword}"
								feedback="true" promptLabel="Ingrese una contrasenia"
								weakLabel="Poco segura" title="Contrasenia" required="true"
								requiredMessage="Contrase&#241;a: Requerida."
								goodLabel="Aceptable" strongLabel="Segura">
								<p:ajax update="msgNuevoPassword" />
							</p:password>
							<h:outputLabel styleClass="label-general"
								rendered="#{olvidoSuContraseniaController.codigoEncriptadoCorrecto}"
								value="Repetir Contrase&#241;a: "></h:outputLabel>
							<p:password id="repetirNuevoPassword"
								rendered="#{olvidoSuContraseniaController.codigoEncriptadoCorrecto}"
								styleClass="input-general"
								value="#{olvidoSuContraseniaController.repetirNuevoPassword}"
								title="Repita la Contrasenia" required="true"
								requiredMessage="Contrase&#241;a: Requerida.">
								<p:ajax update="msgRepetirNuevoPassword" />
							</p:password>
							<p:spacer height="30"></p:spacer>
							<p:message id="msgUsuario" for="usuario" />
							<p:message id="msgNuevoPassword" for="nuevoPassword" />
							<p:message id="msgRepetirNuevoPassword"
								for="repetirNuevoPassword" />
						</h:panelGrid>
					</div>
					<br />
				</div>
				<br />
				<div align="center">
					<p:commandButton
						rendered="#{!olvidoSuContraseniaController.codigoEncriptadoCorrecto}"
						styleClass="butonSmall" type="Submit" ajax="true"
						action="#{olvidoSuContraseniaController.enviarSolicitudCambioContrasenia}"
						update=":growl,:formOlvidoSuContrasenia" value="Enviar" />
					<p:commandButton
						rendered="#{olvidoSuContraseniaController.codigoEncriptadoCorrecto}"
						styleClass="butonSmall" type="Submit" ajax="true"
						action="#{olvidoSuContraseniaController.cambiarContrasenia}"
						update=":growl,:formOlvidoSuContrasenia" value="Guardar" />
					<span>&#160;&#160;</span>
					<p:commandButton value="Regresar" process="@this" action="#{olvidoSuContraseniaController.irAlLoginPublico}" />
				</div>
			</div>
		</h:form>
	</ui:define>
</ui:composition>